<div class="layui-header">
    <!-- 头部区域 -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item layadmin-flexible" lay-unselect>
            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
            </a>
        </li>
        <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
            <!--<a href="http://www.layui.com/admin/" target="_blank" title="前台">-->
                <!--<i class="layui-icon layui-icon-website"></i>-->
            <!--</a>-->
        <!--</li>-->
        <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" layadmin-event="refresh" title="刷新">
                <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
        </li>
        <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
            <!--<input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">-->
        <!--</li>-->
    </ul>
    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

        <li class="layui-nav-item" lay-unselect>
            <a lay-href="{:url('Order/index')}" layadmin-event="message" lay-text="订单中心">
                <i class="layui-icon layui-icon-notice"></i>
                {if $is_read}
                <!-- 如果有新消息，则显示小圆点 -->
                <span class="layui-badge-dot"></span>
                {/if}
            </a>
        </li>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="theme">
                <i class="layui-icon layui-icon-theme"></i>
            </a>
        </li>
        <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
            <!--<a href="javascript:;" layadmin-event="note">-->
                <!--<i class="layui-icon layui-icon-note"></i>-->
            <!--</a>-->
        <!--</li>-->
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="fullscreen">
                <i class="layui-icon layui-icon-screen-full"></i>
            </a>
        </li>
        <li style="margin-right:30px;" class="layui-nav-item" lay-unselect>
            <a href="javascript:;">
                <cite>{$Think.session.admin_info.name}</cite>
            </a>
            <dl class="layui-nav-child">
                <dd><a lay-href="/admin/login/clear">清理缓存</a></dd>
                <hr>
                <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
            </dl>
        </li>

        <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
            <!--<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>-->
        <!--</li>-->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
            <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
        </li>
    </ul>
</div>